@charset "UTF-8";

/* CSS Document */

.normal  {
    font-size:0.9rem;
}

.textzone .normal {
    font-size:1rem;
}

.main {
width: 94%;
}


.bandeau {
background-image:url(../images/Banniere.png);
width:520px;
height:60px;
position:relative;
left:53%;
margin-left:-260px;
border-radius:2em 0;
}

.bandeautext {
width:520px;
height:60px;
position:absolute;
color:#FFFFCC;
text-align:center;
font-size:180%;
font-style:italic;
font-family:"bebas_neue";
top:50%;
margin-top:-0.5em;
}

/*.textzone{
width:100%;
position:relative;
float:left;
padding:3%;
font-family:Arial;
font-size:100%;
text-align:justify;
margin-bottom:20px;
background-image:url(../images/Background_BFM_essai.png);
background-repeat:repeat-y;
}*/

.cadre{
background:#CCCCCC;
border:dotted 1px;
border-radius:2em 2em;
padding:10px;
}

h1{
font-family:"bebas_neue";
color:#990033;
font-size:115%;
text-align:center;
}

.larger{
font-size:140%;
}

a {
text-decoration:none;
}

a:hover{
text-decoration:underline;
}

.bouton{
color:#0000FF;
/*font-weight:bold;*/
cursor:pointer;
/*background-color:#CECECE;
text-decoration:none;
padding:1px;*/
}

.bouton:hover{
/*color:#2A0000;
background-color:#BBD2E1*/
}

.footer{
    text-align:center;
    padding-bottom:15px;
}

.logolink{
    margin-left:10px;
    margin-right:10px
}

.logoimg{
    border:none;
}

#SplashScreen {
	width: 700px;
	height: 400px;
	margin: 0px auto -1px auto; 
	font-family:Arial;
	color:#990033;
	text-align:center;
}

.legal_top {
    display:inline-block;
    width:100%;
    /*height:42px;*/
    text-align:center;
    font-size:1.25em;
    font-weight:bold;
    /*background-image:url("../images/Nouveau.png");*/
	/*background-repeat: no-repeat;*/
	/*background-size:40px;*/
	/*background-position:5% 0%;*/
	/*padding-top:15px;*/
	/*padding: 0px 60px 0px 60px;*/
    
}

.illustrated_p .legal_top img{
	/*max-width:auto;*/
	width:auto;
	display:inline;
	border-left:none;
	padding-right:2em;
	position:relative;
	top:1em;
}



/* patch PALAFRAFRO, à transférer dans PALAFRA */

.speaker,[class*="speaker"] {
    display:block;
    font-weight:bold;
    color:gray;
}

.hi-gras {
    font-weight:bold;
}

.hi-ital {
    font-style:italic;
}





/**********************************************************************************/
/*************************    MODIFS CHARTAGE 19-02    ****************************/
/**********************************************************************************/

/*polices*/
@font-face {
    font-family: "bebas_neue";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/bebasneue-webfont.eot?#iefix") format("embedded-opentype"), 
         url("../fonts/bebasneue-webfont.woff") format("woff"), 
         url("../fonts/bebasneue-webfont.ttf") format("truetype"), 
         url("../fonts/bebasneue-webfont.svg#bebas_neue") format("svg");
}
html {
	font-size:12px;
	--main-color:#1a6767;
}

body {
	margin:0;
}

#isc_1, #isc_17 {
	font-size:0;  /* car ces divs contiennent des espaces inutiles */
}

#isc_2{
	background:none;
}

.textzone div[role="tab"] td{
	background:#DDD;
	color:var(--main-color);
	font-family:'bebas_neue';
	font-size:1.6rem;
	padding:0.2rem 1rem;
}

.textzone div[role="tab"] td.tabButtonTopSelected{
	background:#CCC;
	color:black;
}

.textzone div[role="tab"] td.tabButtonTopOver{
	background:#CCC;
	padding:0.2rem 1rem;
}

.textzone div[role="tab"] td.tabButtonTopSelectedOver{
	background:#CCC;
	padding:0.2rem 1rem;
	color:black;
}

#isc_19[role="tab"] td {
	background:white;
	color:var(--main-color);
}

#isc_19[role="tab"] td.tabButtonTopSelected {
	background:white;
	color:black;
}

#isc_19[role="tab"] td.tabButtonTopSelectedOver {
	background:white;
	color:black;
}

.tabButtonTop span,
.tabButtonTopSelected span,
.tabButtonTopOver span,
.tabButtonTopSelectedOver span{
	vertical-align:1 !important; /*inefficace, il faut modifier le prgm*/
}

#isc_I .tabButtonTopSelected{
	background:var(--main-color);
	color:white;
}
/******* DEBUT:DIVERS   **********/

/*  le bouton d'aide */

/* l'identifiant est recalculé si on rafraichit la page en mode admin,
 * alors l'icone "?" se place sur le bouton "se déconnecter" */
 
/*#isc_1U {
	background-repeat:no-repeat;
	background-position:2px 2px;
	width:20px;
	height:16px;
}
#isc_1U .toolStripButton{
	font-size:0;
	width:20px;
	height:16px;
	padding:0;
}
#isc_1U .toolStripButtonOver{
	font-size:0;
	width:20px;
	height:16px;
	padding:0;
	background-color:rgba(253,236,180,1);
	background-image:url(../images/icons/help.png);
}
*/

/* Patch bouton Se connecter */

.toolStrip {
    background-color:rgb(221,221,221);
    background-image:none;
}

/*img[src$="corpus.png"]{  /\* masquage de l'icone Corpus dans la fenetre de gauche *\/
	display:none;
}
*/
/* avertissements et présentations des éditions */

.presentation {
    padding:20px;
    text-align:justify;
}

.warning {
    display:block;
    text-align:center;
    color:red;
}

/***********FIN:DIVERS*********/


/************* CONTENU DES PAGES    ********************/

.bandeau, .bandeautext {
	font-family:'bebas_neue';
	background:none;
	color:black;
	font-size:3.5rem;
	font-style:normal;
}
.main h1{
	font-family:'bebas_neue';
	font-size:2rem;	
	color:black;
	font-weight: normal;
}
.main {
	width:96%;
	font-size:1.2rem;
}
.textzone{
	background:transparent;
	width:96%;
	padding: 3% 3% 3% 2%;
	text-align:justify;
}
/*.textzone{
width:100%;
position:relative;
float:left;
padding:3%;
font-family:Arial;
font-size:100%;
text-align:justify;
margin-bottom:20px;
background-image:url(../images/Background_BFM_essai.png);
background-repeat:repeat-y;
}*/


.main a,
.main a:link,
.main a:visited{
	color:var(--main-color);
}
.textzone a:hover, .nav_item a:hover, .legal a:hover {
	color:black;
}

.txmeditionpage a,
.txmeditionpage a:link,
.txmeditionpage a:visited{
	color:var(--main-color);
}

.txmeditionpage a:hover {
	color:black;
}

/* ajout pour l'avertissement sur les cookies */

div[eventproxy=cookiesBarMessage] a,
div[eventproxy=cookiesBarMessage] a:link,
div[eventproxy=cookiesBarMessage] a:visited{
	color:var(--main-color);
	cursor:pointer;
}

div[eventproxy=cookiesBarMessage] a:hover {
	color:black;
}


/**  listes à puces  **/
.textzone ul {
    padding-left:20px;
}

.textzone ul li {
	list-style-type: none;
	padding-top:4px;

}
.textzone ul li:before {
	content: "■";
	color: var(--main-color);
	margin-right: -8px;
	left:-16px;
	bottom: 2px;
	position: relative;
}

.textzone ol {
    padding-left:50px;
}

.textzone ol li {
	padding-top:4px;
}


/* Table de mentions légales des éditions */

table.legal_table {
    border:none;
    border-collapse:collapse;
    font-size:1rem;
    margin:1rem auto;    
}

table.legal_table td {
    width: 50%;
    padding-left:1em;
    padding-right:1em;
    padding-top:1em;;
    padding-bottom:0.5em;
    border:none
}

table.legal_table td:first-child {
    text-align: right; 
    border-right:solid;
    border-color:gray;
}

table.legal_table td[colspan='2'] {
    text-align: center; 
    border:none;
}


span.licence_box {
    display:inline-table;
    vertical-align:middle;
}

span.licence {
    display:table-cell;
    vertical-align:middle;
}

a.licence img {
    display:table-cell;
    padding-right:10px;
}





/****** DEBUT:EN TETE DE PAGE ****/
#header {
	text-align:right;
	background-image: url("../images/bandeau-ornement.png");
	background-repeat: no-repeat;
	background-position: 60% 60% ;
	background-size:cover;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	    -ms-flex-pack:center;
	        justify-content:center;
	-webkit-box-align:center;
	    -ms-flex-align:center;
	        align-items:center;
	width:100% !important;
	margin:0;
	position:relative;
}

#header-joubert {
	text-align:right;
	background-image: url("../images/bandeau-ornement.png");
	background-repeat: no-repeat;
	background-position: 60% 60% ;
	background-size:cover;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	    -ms-flex-pack:center;
	        justify-content:center;
	-webkit-box-align:center;
	    -ms-flex-align:center;
	        align-items:center;
	width:100% !important;
	margin:0;
	position:relative;
}


/*#header.logoized {
	background-image:url("http://bfm.ens-lyon.fr/local/cache-vignettes/L166xH100/siteon0-bb432.png"),
					 url("http://bfm.ens-lyon.fr/local/cache-gd2/bb1c4f124a857954d20b865691c53443.jpg");
	background-repeat: no-repeat, no-repeat;
	background-size:auto auto, cover;
}*/

#header.logoized {
	background-image:url("../images/logos/logo_lattice.jpg"),
					 url("../images/bandeau-ornement.png");
	background-repeat: no-repeat, no-repeat;
	background-size:auto 100%, cover;
	background-position: top left, 60% 60%;
}

#title_wrapper,
.branding{
	background:rgba(255,255,255,0.8);
	padding: 1rem 1.5rem;
	display:inline-block;
	margin:2rem 0;
	border-radius: 0 0 0 2rem;	
	text-align:center;
}
#main_title, 
.branding {
	font-family:'bebas_neue';
	font-size:3rem;
	font-weight:normal;
	color:black;
	margin:0;
}
.branding {
	position:absolute;
	top:0;
	left:0;
	border-radius:0;
}
#main_subtitle {
	font-family:'bebas_neue';
	font-size:2.3rem;
	font-weight:normal;
	color:black;
	margin:0;
}
#main_title strong,
#main_subtitle strong,
.branding strong {
	font-family:'bebas_neue';
	color:var(--main-color);
	font-weight:normal;
}
#slogan {
	font-size: 1.2rem;
}
#credits {
	font-size:1rem;
	margin-top: 1rem;
}
/****** FIN:EN TETE DE PAGE ****/



/****** DEBUT:NAVIGATION ****/
.textzone nav:first-child {  /*si la nav suit directement le header, on remonte la nav */
	margin-top:-3%;
}
nav {
	margin-bottom:3rem;
}
.nav_list {
	display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
	-webkit-box-pack:center;
	    -ms-flex-pack:center;
	        justify-content:center;
	-webkit-box-align:stretch;
	    -ms-flex-align:stretch;
	        align-items:stretch;
	text-decoration:none;
}
nav + ul {  /*pour les listes de liens qui suivent la navigation (page graal)*/
	font-size:120%;
}
.nav_item {
	list-style-type: none;
	margin:0 1rem;
	color:var(--main-color);
}
.nav_item:hover {
	color:black;
}


.nav_item:before {
	display:none;
}
.nav_item .nav_link:link,
.nav_item .nav_link {
	display: inline-block;
	text-transform: uppercase;
	text-decoration: none;
	text-align:center;
/*	color: #797979;*/
/*    color: var(--main-color);*/
	font-family: Arial,sans-serif;
	text-align: center;
	position:relative;
	padding: 0.7rem 1rem;
}
.nav_link:hover, .nav_link a, .nav_link a:hover {
    text-decoration:none;
}

.nav_link:hover, .nav_link a:hover, .nav_item:hover, .nav_item.selected {
    color:black;
}

.textzone .nav_link:hover::before, 
.textzone .nav_link:visited:hover::before, 
.textzone .nav_link:focus:hover::before {
    content: "";
    display: block;
    width: 100%;
    height: 4px;
    background: linear-gradient(to right, transparent 0%, transparent 25%, #bbb 25%, #bbb 75%, transparent 75%, transparent 100%);
    position: absolute;
    bottom: 1px;
    left: 0;
    z-index: 99;
}


.selected > .nav_link::before {
    content: "";
    display: block;
    width: 50%;
    height: 4px;
    background: var(--main-color);
    position: absolute;
    bottom: 0;
    left: 25%;
    z-index: 98;
}
/****** FIN:NAVIGATION ****/


/**** DEBUT:; MENU DEROULANT ****/
.nav_list {
	position: relative;
}
.nav_item:hover {
	cursor:pointer;
}

.nav_item.selected:hover {
    cursor:default;
}

/*.nav_item .nav_link:link,
.nav_item .nav_link:visited {
	color:black;
}*/

.nav_link + .nav_list_level2 {
	display:none;
	opacity:0;
	background:white;
	position:absolute;
	border:1px solid var(--main-color);
	padding:0 1rem;
}
.nav_link:hover + .nav_list_level2 {
	display:block;
	opacity:1;
	transition:0.5s opacity ease-in;
	top: calc(3rem + 2px);
	z-index:99;
}
.nav_list_level2:hover {
	display:block;
	opacity:1;
}
.nav_item.nav_item_level2 {
	padding:0;
}
.nav_item_level2:before {
	display:none;
}
.nav_link_level2 {
	display:block;
	padding:0.2rem 1rem;
}
/**** FIN:; MENU DEROULANT ****/




/****** DEBUT:PARAGRAPHE ILLUSTRé ****/
.illustrated_p {
	display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack:justify;
        -ms-flex-pack:justify;
            justify-content:space-between;
}
.illustrated_p p{
	width:80%;
}
.illustrated_p img{
	max-width:100%;
	width:12%;
	display:block;
	border-left:5px solid var(--main-color);
	padding-left:1rem;
	margin-left:2rem;
}

/****** FIN:PARAGRAPHE ILLUSTRé ****/


/****** DEBUT:BLOCS ****/

.blocs_wrapper {
	display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
        -ms-flex-pack:justify;
            justify-content:space-between;
}
.bloc {
	border:1px solid black;
	width:30%;
	display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
        -ms-flex-direction:column;
            flex-direction:column;
}
.bloc_title{
	background:black;
	font-family:'bebas_neue';
	font-size:2rem;	
	color:white;
	font-weight:normal;
	padding:0.3rem 0;
	text-align:center;
	margin:0;
}
.bloc_content {
	padding:1rem;
	background: #ededed;
	-webkit-box-flex:1;
        -ms-flex:1;
            flex:1;
}
.bloc_content h3:first-child {
	margin-top:0;
}

/****** FIN:BLOCS ****/


/*****  SOMMAIRE  ****/


.toc {
    display:block;
    overflow-y:scroll;
    height:1000px;
}

.toc-chapter-n {
    display:inline-block;
    width: 35px;
    padding-right:8px;
    text-align:right;
}

input[type='checkbox'] {
  display: none;
}

.lbl-toggle {
  display: block;
  font-weight: bold;
  font-size: 1.2rem;
  padding: 0.5rem;
  cursor: pointer;
  transition: all 0.25s ease-out;
}

.lbl-toggle:hover {
  /*color: #7C5A0B;*/
  background-color:#f2f2f2;
}


.lbl-toggle::before {
  content: ' ';
  display: inline-block;

  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid currentColor;

  vertical-align: middle;
  margin-right: .7rem;
  transform: translateY(-2px);

  transition: transform .2s ease-out;
}

.collapsible-content .content-inner {
  padding: .5rem 1rem;
}

.collapsible-content {
  max-height: 0px;
  overflow: hidden;

  transition: max-height .25s ease-in-out;
}

.toggle:checked + .lbl-toggle + .collapsible-content {
  max-height: 1000px;
}

.toggle:checked + .lbl-toggle::before {
  transform: rotate(90deg) translateX(-3px);
}

/*.toggle:checked + .lbl-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
*/

/****** STYLES RÉUTILISABLES *******
- .main
	#header
	.textzone

-  #header :
	  .branding : éventuellement un encart BFM-TXM 
	  #main_title : le titre
	  #slogan : éventuellement un sous-titre
	  #credits : éventuellement les crédits de la rubrique
- .illustrated_p : contient un <p> et une <img> avec une mise en page correspondant à l'accueil
- .blocs_wrapper : pour contenir des blocs
	 .bloc : un bloc
		 .bloc_title : le titre du bloc
		 .bloc_content : le contenu du bloc
- nav
	ul.nav_list
		li.nav_item
			a.nav_link
*************************************/